<div style="height: 100%">

  <div class="col-sm-8" style="height: 100%">
    <div class="row" style="height: 30%;margin-top: 1em;background-color: #ffffff">
      <h2><span style="margin-left: 2em;font-size: 75%"><strong>课程简介</strong></span></h2>
      <p style="margin-left: 3em">{{ lesson.description }}</p>
    </div>

    <div class="row" style="height: 70%;margin-top: 1em;background-color: #ffffff">
      <h2><span style="margin-left: 2em;font-size: 75%"><strong>课程提纲</strong></span></h2>
      <p style="margin-left: 3em">{{ lesson.outline }}</p>
    </div>
  </div>

  <div class="col-sm-3" style="height: 100%">
    <div class="row" style="height: 40%;margin-top: 1em;margin-left: 1em;background-color: #ffffff">
      <h2><span style="margin-left: 1em;font-size: 75%"><strong>授课老师</strong></span></h2>
      <p style="margin-left: 2em">{{ lesson.teacher.username }}</p>
    </div>

    <div class="row" style="height: 60%;margin-top: 1em;margin-left: 1em;background-color: #ffffff">
      <h2><span style="margin-left: 1em;font-size: 75%"><strong>课程资源</strong></span></h2>
      <div class="row" ng-repeat="resource in lesson.resource">
        <div class="col-sm-offset-1 col-sm-12">
          <span>*</span>
          <a ui-sref="lesson.show.info({lessonId: resource.lesson_id})" class="text-info col-sm-offset-1" ng-click="download(resource.id)">
            <span>{{ resource.origin_name}}</span>
          </a>
        </div>

      </div>
    </div>
  </div>

</div>
